@charset "UTF-8";
/**
 * 浙江百顺通信息科技有限公司
 * @authors supmain (mtingfeng@gmail.com)
 * @date    2014-12-01 13:30:26
 * @for *.html
 * @version $1.0$
 */
html{ background-color: #fbfaf8; color:#333; min-width: 320px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,select,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/1.4 "Microsoft YaHei", arial; -webkit-text-size-adjust: none;}
address,cite,em,var,i{font-style:normal;}
ul,ol{list-style:none;}
img{border:0;}
input,textarea,button,select{font-size:100%; outline:none; resize:none; border-radius: 0; -webkit-appearance: none;}
input[type=number]::-webkit-inner-spin-button{display:none}

table{border-collapse:collapse; border-spacing:0;}

h1,h2,h3,h4,h5{font-weight: 400; font-size: 100%;}

a, a:visited{text-decoration:none; color:#222;}

.cle:after{visibility:hidden; display:block; font-size:0; content:'\20'; clear:both; height:0;}

::selection {background:#69b85d; color:#fff;}

.red{color: #f70;}
.green{color: #05c481;}
.blue{color: #09f;}


/*页面头部*/
#header{height: 44px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
#header .bd{ height: 40px; padding: 2px 0; line-height: 40px; text-align: center; color: #fff; display:-webkit-box;background:-moz-linear-gradient( top,#414144,#272627);/*Mozilla*/
    background:-webkit-gradient(linear,0 0,100% 100%,from(#414144),to(#272627));/*Old gradient for webkit*/
    background:-webkit-linear-gradient( top,#414144,#272627);/*new gradient for Webkit*/
    background:-o-linear-gradient(top,#414144,#272627); /*Opera11*/}
#header .bd a{display: block; width: 40px; height: 40px; text-align: center; font-size: 16px; color: #fff; }
#header .bd a:visited{color: #fff;}
#header .bd a:active{background-color: #44a532;}
#header .bd h2{font-size: 18px;-webkit-box-flex:1;}
#header .bd .right i{font-size: 18px;}



/*按钮*/
.btn,.btn:visited,
.graybtn,.graybtn:visited{display: inline-block; padding: 5px 12px 4px; height: 16px; line-height: 16px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 100%; color: #fff; background-color:#69b85d; vertical-align: middle;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.btn img{vertical-align: -2px;}
.btn:active{background-color:#44a532;}

.btn-off,.btn-off:visited{color: #aaa; background: #ddd; border-color: #ccc; text-shadow: none; box-shadow: none; cursor: default;}
.btn-off:active{background-color:#ddd;}

.graybtn{background-color:#9ca4af;}
.graybtn:active{background-color:#888;}

/* 返回按钮 */
.kele:before{ position: absolute; content: " "; border: transparent 14px solid; border-width: 13px 8px ; border-right-color: #3D4043; top: 1px; left: -16px; height: 0; width: 0; }
.kele{ position: relative; display:block; width: 40px; height: 28px; background: #3D4043; border-radius: 5px; text-align: center; line-height: 28px; color: #fff; font-size: 14px; border: 1px solid #28282A;top: 5px;left: 30px;}
.kele:after{ position: absolute; content: " "; border: transparent 13px solid;  border-width:  12px 8px; border-right-color: #3D4043; top: 2px; left: -15px; height: 0; width: 0; }



/*信息弹窗*/
#dg-tip{position: fixed; z-index: 9999; top: 40%; left: 10%; width: 80%; padding: 15px 0; text-align: center; color: #fff; display: none; background:rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); line-height: 22px;}

/*confirm 弹窗*/
#dg-confirm{position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
#dg-confirm .dg_body{width: 260px; padding: 1px; margin:-60px auto 0; overflow: hidden; background:#fff; text-align: center; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
#dg-confirm .dg_body .dg_box{padding: 25px 15px 30px;}
#dg-confirm .dg_body .dg_box .iconfont{font-size: 26px; vertical-align: middle; margin-right: 10px;}
#dg-confirm .dg_body .btm{display: -webkit-box;}
#dg-confirm .dg_body .btm a{padding: 10px 0 8px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-flex:1; display: block;}
#dg-confirm .dg_body .btm a.graybtn{border-right: 1px solid #fff;}

#dg-confirm.pop_in .dg_body{ -webkit-animation: pop_in .5s;}
#dg-confirm.pop_out .dg_body{ -webkit-animation: pop_out .3s;opacity:0}
@-webkit-keyframes pop_in {
    0%{-webkit-transform:scale(0.6);opacity:0}
    50%{-webkit-transform:scale(1.05);opacity:1}
    100%{-webkit-transform:scale(1);opacity:1}
}
@-webkit-keyframes pop_out {
    0%{-webkit-transform:scale(1);opacity:1}
    50%{-webkit-transform:scale(1.05);opacity:1}
    100%{-webkit-transform:scale(0.6);opacity:0}
}

/*loading弹窗*/
#dg-loading{position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
#dg-loading .bd{width: 100px; height: 95px; margin:-60px auto 0; overflow: hidden; background:rgba(0, 0, 0, 0.8);  color: #f70; -webkit-border-radius: 10px; border-radius: 10px; text-align: center;}
#dg-loading .bd p{width: 50px; height: 50px; line-height: 50px; margin: 10px auto 0; -webkit-animation: loading 1.3s linear infinite; }
#dg-loading .bd i{font-size: 50px;}
#dg-loading .bd h4{padding-top: 5px;}
@-webkit-keyframes loading {
    100% {-webkit-transform:rotate(-360deg);}
}


/*登录注册页面*/
section{padding: 0 20px;}

.form{border: 1px solid #ccc; background-color: #fff; border-radius: 4px;}
.form dl{border-bottom: 1px solid #ddd; display:-webkit-box;}
.form dl:last-child{border-bottom: none;}
.form dt{width:84px; padding: 14px 0 12px 10px; text-align: right; font-size: 16px;}
.form dd{-webkit-box-flex:1; padding:14px 5px 12px;}
.form dd input.txt{border: none; width: 100%; font-size: 16px; -webkit-tap-highlight-color:rgba(0,0,0,0);}

.submit{padding-top: 30px;}
.submit .btn{padding: 15px 0; display: block; text-align: center; font-size: 20px;}
.submit input.btn{height: 48px; width: 100%; cursor: pointer; border: none;}
.submit input.disabled{background: #ddd; box-shadow: none; text-shadow:none; border-color: #ccc; cursor: default; color: #999;}
.tips { margin-top: 30px;font-size: 16px;}


/*注册*/
.reg-page{ overflow: hidden;}
.reg-form{padding-top: 30px;}
.reg-form .form dt{width: 68px;}

#reg_form{-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.fly_out{-webkit-transform: translate(-1000px,0); -moz-transform: translate(-1000px,0); -ms-transform: translate(-1000px,0); transform: translate(-1000px,0); visibility: hidden;}

#pwd_form.fly_in{-webkit-transform: translate(0,-140px); -moz-transform: translate(0,-140px); -ms-transform: translate(0,-140px); transform: translate(0,-140px); visibility: visible;}

/* 验证码 */
.authcode{display:-moz-box;display:-webkit-box;display:box;}
.authcode .form{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;}
.authcode .reget{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;text-align: right;}
.reg-form.regetbox{ text-align: right;}
/*@media screen and (max-width: 320px) { //当屏幕尺寸小于600px时，应用下面的CSS样式
  .authcode .form dd input.txt{
    width: 60px;
  }
}*/
.regetbox { padding-top: 5px;}
#regetbtn {padding: 16px 12px;cursor: pointer;}

/* 设置密码 */
.passwordbox .reg-form .form { margin-bottom: 10px; }
.passwordbox .reg-form .form dt { width: 84px;}
.passwordbox .reg-form .form:nth-child(1) dt,.passwordbox .reg-form .form:nth-child(2) dt{ letter-spacing: .5em; }




